<!DOCTYPE html>
<html>
<head>
  <title>FormControlTest</title>
</head>
<body>
  <div id="textboxTest" style="position:relative;width:300px;background-color:yellow">
    <div style="float:right;width:30px;height:100%;background-color:red"></div>
    <div style="background-color:green;padding-right:35px">
      <input type="text" style="display:inline-block;width:100%;height:100%"/>
    </div>
    <input id="input1" type="text" style="padding-left:2em;padding-right:2em"/>
  </div>
  <div id="div1" style="padding:20px;margin:10px;border:1px solid red;width:100px;height:50px">DIV1</div>
  <div>
      <label>color</label>
      <input type="color" />
  </div>
  <div>
      <label>date</label>
      <input type="date" />
  </div>
  <div>
      <label>datetime</label>
      <input type="datetime" />
  </div>
  <div>
      <label>datetime-local</label>
      <input type="datetime-local" />
  </div>
  <div>
      <label>email</label>
      <input type="email" />
  </div>
  <div>
      <label>month</label>
      <input type="month" />
  </div>
  <div>
      <label>number</label>
      <input type="number" />
  </div>
  <div>
      <label>range</label>
      <input type="range" />
  </div>
  <div>
      <label>search</label>
      <input type="search" />
  </div>
  <div>
      <label>tel</label>
      <input type="tel" />
  </div>
  <div>
      <label>time</label>
      <input type="time" />
  </div>
  <div>
      <label>url</label>
      <input type="url" />
  </div>

</body>
</html>